/** @jsxImportSource @emotion/react */
import * as React from "react";
import {CCell, RCell, Table, TableBody, TableRow, } from "customize-easy-ui-component";

//建设单位 =使用单位；   安装单位：不是台账的
export const 首页设备概况BulkI= ({theme, orc, rep } :{theme: any, orc:any, rep:any}
) => {
  return <Table fixed={ ["20%","%"] }  css={ {borderCollapse: 'collapse'} }>
    <TableBody rheight={40}>
      <TableRow>
        <RCell css={{border:'none'}}>监检编号：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{rep.isp?.no}</CCell>
      </TableRow>
      <TableRow >
        <RCell css={{border:'none'}}>工程名称：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc?.工程名称 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>建设单位：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.使用单位 || '／'}</CCell>
      </TableRow>
      <TableRow >
        <RCell css={{border:'none'}}>安装单位：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc?.安装单 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>监检日期：</RCell>
        {orc.检验日期1? <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期1} 至 {orc.检验日期}</CCell>
            :
            <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期}</CCell>
        }
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>监察识别码：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.监察识别码 || '／'}</CCell>
      </TableRow>
    </TableBody>
  </Table>;
};
